<template>
  
</template>

<script setup lang='ts'>
/*
1. vue2[选项式ApI],vue3 [组件式API,选项式api]
2. 组合式api 入口是->setup函数(props,context)--》没有this
3. vue3 setup语法糖 --相当于--
4. 响应式数据，函数。计算属性，监听器，属性
5. defineProps()给组件在语法糖里面声明属性   defineEmits()获取emit对象，触发自定义事件  
6. defineProps,defineEmits,编译器的宏函数，并不是在运行在浏览器里面的，不需要导入，可以直接使用
7. vue里面指令就是用来封装dom操作
8. vue 指令  v-开头的特殊属性
9. vue指令 全局指令 【所有组件】，局部指令【当前定义的组件使用】
10. vue2和vue3的指令语法区别

虚拟列表
解决问题：大量数据渲染，导致页面卡顿
/*
4. vue2 和vue3 定义全局指令，局部指令的语法
vue2 和vue3 指令生命周期分别是什么?在什么时期被调用,
6.自定义vue指令，给页面添加水印


*/

import { ref } from "vue"

// ts 泛型
type Cc= {name:string,a?:string}//组件props的类型 
defineProps<{}>()
defineEmits()
const count =ref(0)

</script>

<style>

</style>